<template>
  <div class="wrapper">
      <div class="iconfont header-left">&#xe699;</div>
       <p>首页</p>
       <router-link to='/city' tag="div" class="header-right">
           {{this.$store.state.city}}
           <span class="iconfont">&#xe6a8;</span>
       </router-link>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader',
 
}
</script>

<style scoped>
.wrapper{
    height: .86rem;
    line-height: .86rem;
    overflow: hidden;
    text-align: center;
    display: flex;
    background: #00bcd4;
    color:#fff;
    font-size: .4rem;
}
.wrapper>p{
    flex: 1;
}
.header-left,.header-right{
    padding: 0 .1rem;
}
.header-left{
    font-size: .45rem;
}
</style>
